<header>
  <div class="head-left" (click)="goBack();">
    <i class="fa fa-chevron-left"></i>
  </div>
  <div class="head-content">
    <span>{{categoryName}}</span>
  </div>
  <div class="head-right"></div>
</header>

<div class="content">
  <!-- {{categoryId}} -->



  <div class="book-list">

    <mat-card *ngFor="let item of tempBooks;" class="booklist">
      <div class="book-item" (click)="goDetail(item);">
        <img src="{{item.Book.Image}}" alt="">
        <div class="desc">
          <mat-card-title class="book-name">{{item.Book.Name}}</mat-card-title>
          <mat-card-subtitle class="book-author">{{item.Book.Author.Name}}</mat-card-subtitle>
          <mat-card-subtitle class="book-publisher">{{item.Book.Publisher.Name}}</mat-card-subtitle>
          <mat-card-subtitle class="book-summary">
            <span>{{item.Number}}</span>本可借</mat-card-subtitle>
        </div>
      </div>
    </mat-card>

    <div class="list-tip">
      <span>-</span>
      没有更多了
      <span>-</span>
    </div>
  </div>



</div>
